<template>
  <div class="form_modal">
        <el-dialog
            :visible.sync="modal1"
            :close-on-click-modal="false"
            center
            :before-close="closeEvent">
        <div class="modal_title">
            <span>{{titles}}</span>
        </div>

      <el-form :model="formData" label-width="110px" @submit.native.prevent>

        <el-form-item label="登录浏览器：" prop="loginBrowType">
          <span class="logoText"> {{ formData.loginBrowType}}</span>
        </el-form-item>

        <el-form-item label="登录IP：" prop="loginIp">
          <span class="logoText"> {{ formData.loginIp }}</span>
        </el-form-item>
        <el-form-item label="登录时间：" prop="loginTime">
          <span class="logoText"> {{ formData.loginTime }}</span>
        </el-form-item>
        <el-form-item label="登录用户：" prop="loginUserName">
          <span class="logoText"> {{ formData.loginUserName }}</span>
        </el-form-item>
        <el-form-item label="登录备注：" prop="loginRemark">
          <span class="logoText"> {{ formData.loginRemark }}</span>
        </el-form-item>
    </el-form>


    </el-dialog>
  </div>
</template>

<script>
export default {
  data(){
    return {
      modal1: false,
      titles: '',
      formData:{
        loginBrowType: '',
        loginIp: '',
        loginTime: '',
        loginUserName: '',
        loginRemark: ''
      }
    }
  },
  methods:{
    // 关闭
    closeEvent(){
      this.modal1 = false;
      this.formData = {
        loginBrowType: '',
        loginIp: '',
        loginTime: '',
        loginUserName: '',
        loginRemark: ''
      };
    },
  },
  destroyed(){
    this.$destroy()
  }
}
</script>
<style scoped>
  /deep/.logoText{
    color: #fff;
  }
</style>
